<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/news.css">
    <link rel="stylesheet" href="css/reset.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <title>新闻</title>
</head>
<body>
    <header>
        <section class="headerin clearfix">
            <a href="" class="logo"></a>
            <nav>
                <ul class="navul clearfix">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="introduce.html">关于我们</a></li>
                    <li><a href="news.html" class="curr">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="loginbox">
                    <div class="up">
                        <span class="iconperson"></span>
                    </div>
                    <div class="down">
                        <a href="login.html" class="btnLogin">立即登录</a>没有账号？
                        <a href="registered.html" class="linkReg">立即注册</a><br />
                        <a href="buycar.html">我的购物车</a><br />
                        <a href="confirm_information.html">我的订单</a><br />
                        <div>
                            <input type="text" class="inputText"><input type="button" class="inputBtn">
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </header>
    <section class="main">
        <div class="mulu">
            当前位置：<a href="index.html">首页></a>
            <a href="#">新闻中心</a>
        </div>
        <nav class="clearfix">
            <a href="#" class="curr">产品新闻</a>
            <a href="#">企业新闻</a>
            <a href="#">最新回馈</a>
            <a href="#">技术动态</a>
        </nav>
        <div class="newslist">
            <div class="clearfix" id="newlist">
                <dl class="item itemcurr">
                    <dt>关于英雄联盟4月5日开服的说明</dt>
                    <dd class="auther">来源：英雄联盟官方</dd>
                    <dd>发布时间：2020-04-04 23:52:31</dd>
                    <dd class="content">
                        <a href="#" class="newsimg"><img src="img/imgNews.jpg" alt=""></a>
                        <div class="newsdetail">
                            亲爱的召唤师：<br/>
                        我们已完成全区开服，可能有一定网络延迟，请各位召唤师耐心等待。4月5日18：00后，各位召唤师可以前往官网领取中心或掌上英雄联盟，领取3胜经验卡1份，随机图标宝箱1份。领取时间：4月5日18：00-4月11日23：59。<br/>
                        感谢您的支持与理解。<br/>
                        </div>
                    </dd>
                    <dd class="btnread"><a href="details.html">阅读全文>></a></dd>
                    <dd class="vLine"></dd>
                </dl>
            </div>
        </div>
        <div class="newslist">
            <div class="clearfix" id="newlist">
                <dl class="item itemcurr">
                    <dt>关于英雄联盟4月5日开服的说明</dt>
                    <dd class="auther">来源：英雄联盟官方</dd>
                    <dd>发布时间：2020-04-04 23:52:31</dd>
                    <dd class="content">
                        <a href="#" class="newsimg"><img src="img/imgNews.jpg" alt=""></a>
                        <div class="newsdetail">
                            亲爱的召唤师：<br/>
                        我们已完成全区开服，可能有一定网络延迟，请各位召唤师耐心等待。4月5日18：00后，各位召唤师可以前往官网领取中心或掌上英雄联盟，领取3胜经验卡1份，随机图标宝箱1份。领取时间：4月5日18：00-4月11日23：59。<br/>
                        感谢您的支持与理解。<br/>
                        </div>
                    </dd>
                    <dd class="btnread"><a href="details.html">阅读全文>></a></dd>
                    <dd class="vLine"></dd>
                </dl>
            </div>
        </div>
    </section>
    <form action="">
        <div class="page">
         第1页共7页
            <a href="#">上一页</a><a href="#">1</a><a href="#">2</a><a href="#">3</a>&nbsp;&nbsp;......&nbsp;&nbsp;<a href="#">下一页</a>&nbsp;&nbsp;&nbsp;&nbsp;跳转:
            <input type="text" placeholder="请输入页码" class="inputText">
            <a href="#">Go</a>
        </div>
    </form>
    <footer>3840*2160分辨率，提供830万像素超清显示能力，细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</footer>

    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>